/* 获取text元素 */
const textEl = document.getElementById("text");
/* 获取speed元素 */
const speedEl = document.getElementById("speed");
/* 字符串 */
const text = "We Love Programming!";
/* 初始值 */
let idx = 1;
/* 速度 */
let speed = 300 / speedEl.value;

const writeText = () => {
  /* 更改text元素的文本内容 将字符串的第idx赋值给text元素*/
  textEl.innerHTML = text.slice(0, idx);
  idx++;
  /* 如果idx大于text元素的文本 */
  if (idx > text.length) {
    /* 又从第一个开始 */
    idx = 1;
  }
  setTimeout(writeText, speed);
};
writeText();
/* input事件 */
speedEl.addEventListener("input", (e) => {
  /* 获取到input输入框的值 */
  return speed = 300 / e.target.value
});
